import React ,{memo} from 'react'
import "../../assets/Layout/tongzhi.scss"
import { UserOutlined } from '@ant-design/icons';
import { Avatar, Space,Divider,Button } from 'antd';
function UserInfo(){
  return <>
    <div className="user-box">
      <Avatar size={100} icon={<UserOutlined />} />
      <div className="user-list">
         <div className="user-text">用户名称</div>
         <p>UID:22323232323</p>
        <div className="user-bt">
          <i className="iconfont mt-round_record_fill"></i>
          [在线]</div>
      </div>

    </div>
    <div className="user-item">
       <div className="user-item-box">
         <i className="iconfont mt-xingbienan icon"></i>
         <div>男</div>
         <Divider type="vertical" className="vertical"/>
         <div>5岁</div>
         <Divider type="vertical" className="vertical"/>
         <div>浙江</div>
       </div>
      <div className="user-item-text">
       <div><i className="iconfont mt-news_hot_light icon"></i>备注</div>
        <div>-</div>
      </div>
      <div className="user-item-text">
        <div><i className="iconfont mt-customer-group icon"></i>好友分组</div>
        <div>-</div>
      </div>
      <div className="user-item-text">
        <div><i className="iconfont mt-jijianfasong-xianxing icon"></i>个性签名</div>
        <div>sdkjhfjksdhfksdhjkfhdskfhdsjkf sjkhfkjsdhfkjdshfds fsdkfhdskjhfkjdshkjdsh
          fkjdshfkdshfkdshkdshkdshffksdh</div>
      </div>
      <div className="user-but">
        <Button type="primary">发送信息</Button>
        <Button  danger>删除好友</Button>
      </div>
    </div>

  </>
}

export default memo(UserInfo);
